<script type="text/javascript">
	function Onclick(){
		var name=$("#Name").val();
		//获取传值参数
		var values=$("#values").val();
		//判断最后一位是否为逗号
		var sub=values.substr(values.length-1,1);
		if(sub==","){
			//移除字符串最后一位逗号
			values=values.substring(0,values.length-1);
		}
	    //因使用逗号分隔
		var strValue=values.split(',');
		//循环设置传值参数key和value
		var person=new Object();
		for(var i=0;i<strValue.length;i++){
			var objValue=strValue[i].split(':');
			person[objValue[0]]=objValue[1];
		}
		debugger;
		var config = {};
		config.url = name;
		config.type = "POST";
		config.success = function(data){
			$("#returnValue").html(JSON.stringify(data));
		};
	
		switch($("#type").val()){
		case "1":
			config.data=person;
			break;
		case "2":
			config.contentType="application/json";
			config.data=values;//JSON.stringify(person);
			break;
		}
		//调用ajax
		ZFrame.ajax(config);
	}
</script>
<div style="text-align:left">
	<table cellpadding="0" cellspacing="0" border="0" height="600">
		<tr>
			<td width="370" valign="top" style="padding:10px">
				接口名称：<br><br>
				<input type="text" id="Name" style="width:300px" class="form-control"/><br>
				请求类型：<br/><br/>
				<select id="type" style="width:300px" class="form-control">
					<option value="1">普通类型</option>
					<option value="2">@requestBody类型</option>
				</select><br/>
				传值参数：逗号分隔格式(name:李四,password:admin)<br><br>
				
				<textarea id="values" style="width:300px;height:100px;text-align:left" class="form-control"></textarea><br>
				<button type="button" data-dismiss="modal" class="btn btn-primary btn-sm" onclick="Onclick()">提交</button>
			</td>
			<td width="800" valign="top" style="padding:10px">
			    <div id="returnValue" style="width:100%;border:#333333 1px solid;height:100%;overflow-y:auto" class="form-control">
					返回值
				</div>
			</td>
		</tr>
	</table>
</div>
